<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>一款不错的日历控件</title>
	<script type="text/javascript" src="js/mootools.js"></script>
	<script type="text/javascript" src="js/calendar.rc4.js"></script>
	<script type="text/javascript">		
	//<![CDATA[
		window.addEvent('domready', function() { 
			myCal1 = new Calendar({ date1: 'd/m/Y' }, { direction: 1, tweak: {x: 6, y: 0} });
			myCal2 = new Calendar({ date2: 'd/m/Y' }, { classes: ['dashboard'], tweak: {x: 3, y: -3} });
			myCal3 = new Calendar({ date3: 'd/m/Y' }, { classes: ['i-heart-ny'], direction: 1, tweak: {x: 3, y: 0} });
		});
	//]]>
	</script>
	<link rel="stylesheet" type="text/css" href="css/iframe.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/calendar.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/dashboard.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/i-heart-ny.css" media="screen" />
</head>
<body>
	<div style="width:400px;">

	<form action="/" class="long">
		<fieldset>
			<legend>Default styling</legend>

			<label for="date1">Date</label>
			<input id="date1" name="date1" type="text" />
		</fieldset>
	</form>

	<form action="/">
		<fieldset>
			<legend>Alternate styling: dashboard</legend>

			<label for="date2">Date</label>
			<input id="date2" name="date2" type="text" />
		</fieldset>
	</form>

	<form action="/">
		<fieldset>
			<legend>Alternate styling: i-heart-ny (experimental)</legend>

			<label for="date3">Date</label>
			<input id="date3" name="date3" type="text" />
		</fieldset>
	</form>
	</div>
</body>
</html>